<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/find.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/axios.min.js"></script>
    <script src="js/cookie.js"></script>
    <script src="js/api.js"></script>

</head>

<body>

    <!-- 头部 -->
    <header>
        <div></div>
        <h2 class="odiv1">
            关注
        </h2>

        <h2 class="odiv2">
            发现
        </h2>
        <div></div>

        <span class="iconfont iconsousuo oSpan"></span>
    </header>

    <!-- 内容区域 -->
    <section>
        <div class="imgs">
            <img src="img/tu.png" />
            <img src="img/tu.png" />
        </div>

        <h3 class="character">
            &nbsp;&nbsp;热门达人-人人都是艺术家
        </h3>

        <div class="photo">
            <div class="portrait">
                <img src="img/3 (5).jpg" />
                <div class="information">
                    <p class="names">热巴</p>
                    <nav class="details">
                        <li>211w赞</li>
                        <li>1030w粉丝</li>
                        <li>30作品</li>
                    </nav>
                    <div class="hobby">
                        <span>#水彩</span>
                        <span>#彩铅</span>
                        <span>#疯狂</span>
                    </div>
                </div>

                <a href="#">+ 关注</a>
            </div>

            <nav class="list">
                <li><img src="img/3 (1).jpg" /></li>
                <li><img src="img/3 (2).jpg" /></li>
                <li><img src="img/3 (3).jpg" /></li>
                <li><img src="img/3 (4).jpg" /></li>
                <li><img src="img/3 (6).jpg" /></li>
                <li><img src="img/3 (7).jpg" /></li>
                <li><img src="img/3 (8).jpg" /></li>
            </nav>

        </div>



        <nav class="navS">
            <li>最新</li>
            <li>猜你喜欢</li>
            <li>水彩</li>
            <li>彩铅</li>
            <li>油画</li>
        </nav>

        <div class="scenery">
            <div class="sceneRys">
                <img src="img/3 (5).jpg" alt="">

                <div class="miaOsu">
                    <span>#水彩</span>
                    <span>#写息</span> 4
                </div>

                <div class="kuang">
                    <img src="img/3 (5).jpg" alt="">
                    <p class="op1">热巴水彩</p>
                    <p class="op2"><span>·</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14.3W</p>
                </div>
            </div>

            <!--  -->
            <div class="sceneRys">
                <img src="img/3 (5).jpg" alt="">

                <div class="miaOsu">
                    <span>#水彩</span>
                    <span>#写息</span> 4
                </div>

                <div class="kuang">
                    <img src="img/3 (5).jpg" alt="">
                    <p class="op1">热巴水彩</p>
                    <p class="op2"><span>·</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14.3W</p>
                </div>
            </div>
            <!--  -->
            <div class="sceneRys">
                <img src="img/3 (5).jpg" alt="">

                <div class="miaOsu">
                    <span>#水彩</span>
                    <span>#写息</span> 4
                </div>

                <div class="kuang">
                    <img src="img/3 (5).jpg" alt="">
                    <p class="op1">热巴水彩</p>
                    <p class="op2"><span>·</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14.3W</p>
                </div>
            </div>
            <!--  -->
            <div class="sceneRys">
                <img src="img/3 (5).jpg" alt="">

                <div class="miaOsu">
                    <span>#水彩</span>
                    <span>#写息</span> 4
                </div>

                <div class="kuang">
                    <img src="img/3 (5).jpg" alt="">
                    <p class="op1">热巴水彩</p>
                    <p class="op2"><span>·</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;14.3W</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 底部 -->
    <footer>
        <figure class="shouye">
            <span class="iconfont iconshouye"></span>
            <figcaption>首页</figcaption>
        </figure>
        <figure class="yujian">
            <span class="iconfont iconzhaopian"></span>
            <figcaption>遇见</figcaption>
        </figure>
        <figure class="shequ">
            <span class="iconfont iconshequ-weijihuo"></span>
            <figcaption>社区</figcaption>
        </figure>
        <figure class="wode">
            <span class="iconfont iconwode1"></span>
            <figcaption>我的</figcaption>
        </figure>
    </footer>
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/skip.js"></script>

    <script src="js/find.js"></script>
</body>

</html>